<!DOCTYPE html>
html(lang="en")
  head
    meta(http-equiv="content-type", content="text/html;charset=utf-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title= title
    meta(name="keywords", content="海大珍珠商城")
    meta(name="desciption", content="海大珍珠商城是一个专注于线上销售化妆品的一个综合性商城。")
    meta(name="author", content="Hou sir")
    link(rel="shortcut icon", href="/favicon.ico", type="image/x-icon")
    link(rel="stylesheet", href="/lib/swiper/dist/css/swiper.min.css")
    link(rel="stylesheet", href="/css/common.css")
    link(rel="stylesheet", href="/css/home.css")
  body
    header
      .scan
      form
          input(type="text",name="search-content", placeholder="海大珍珠", id="search")
          button
      .message
    .swiper-container
      .swiper-wrapper
        - for(var i=0;i<imgs.length;i++)
          .swiper-slide          
            a(href="javascript:;")
              img(src=imgs[i].imgUrl, alt="banner")        
      .swiper-pagination
    ul.nav
      li
        img(src="/img/home_nav1.png", alt="nav1")      
        span 热卖推荐
      li
        img(src="/img/home_nav2.png", alt="nav1")      
        span 爆款商品
      li
        img(src="/img/home_nav3.png", alt="nav1")      
        span 最新商品
      li
        img(src="/img/home_nav1.png", alt="nav1")      
        span 推荐商品
    .headline
      b 珍 珠 头 条
      i 珍珠都有哪些种类?
      img(src="/img/home_headline.png", alt="headline")
    .middle#middle
      .hot
        a(href="/details/hot")
          img(src="/img/home_hot_img.png", alt="hot-img")
          h3 热卖推荐
          a.titleM(href="javascript:;") 深层补水 畅饮水润<br>让你的肌肤“喝饱”水
          b.title 水漾肌蜜三件套
          b.price ￥<em>298</em>
          a.buy(href="javascript:;") 立即购买
      .boom
        a(href="/details/boom")
          h3 爆款商品
          img(src="/img/home_boom_img.png", alt="boom-img")
          a.titleM(href="javascript:;") 在最美的年龄<br>拒绝加“斑”
          b.title 控油“神器”三件套
          b.price ￥<em>98</em>
          a.buy(href="javascript:;") 立即购买
      .new
        a(href="/details/new")
          h3 最新商品
          img(src="/img/home_new_img.png", alt="new-img")
          a.titleM(href="javascript:;") 魅惑价值 尽享奢华<br>品味女士的最爱
          b.title 来自深海的璀璨
          b.price ￥<em>998</em>
          a.buy(href="javascript:;") 立即购买
    .guess#guess
      a(href="/details/hobby")
        h3 猜你喜欢
        ul
          li
            a.img(href="javascript:;")
                img(src="/img/home_guess_img1.png", alt="guess1")
            b 奢华高贵
            a.buy(href="javascript:;") 立即购买
          li
            a.img(href="javascript:;")
                img(src="/img/home_guess_img2.png", alt="guess2")
            b 精致奢华
            a.buy(href="javascript:;") 立即购买
    footer
      .option1
        a(href="/home")
          i
          b 首页
      .option2
        a(href="/classic")
          i
          b 分类
      .option3
        a(href="/cart")
          i
          b 购物车
      .option4
        a(href="/mine")
          i
          b 个人
  script(src="/lib/jquery/dist/jquery.min.js")
  script(src="/lib/swiper/dist/js/swiper.min.js")
  script(src="/lib/resetRem.js")
  script(src="/js/banner.js")